<template>

   <div>
     <router-view/>
     <footer-nav v-if="$route.meta.footerShow"/>
   </div>
</template>

<script>
  import footerNav from "@/components/footerNav/footerNav";

  export default {

    name: "app",
    components: {
      footerNav:footerNav,
    },
    mounted(){

    },
    created () {
      //在页面加载时读取sessionStorage里的状态信息
      if (localStorage.getItem("store") ) {
        this.$store.replaceState(Object.assign({}, this.$store.state,JSON.parse(localStorage.getItem("store"))))
        localStorage.removeItem("store")
      }

      //在页面刷新时将vuex里的信息保存到sessionStorage里
      window.addEventListener("beforeunload",()=>{
        localStorage.setItem("store",JSON.stringify(this.$store.state))
      })
    },

  }
</script>

<style>

</style>
